<template>
    <div class="feedback">
        <!-- 意见反馈 -->
        <van-nav-bar title="平台介绍" left-arrow @click-left="onClickLeft" />
        <div class="content">
            <h2>概览</h2>
            <p>海前能源APP是由郑州海前商贸有限公司（以下简称“海前商贸”）开发并运营的一站式能源产品购销平台。该平台致力于为用户提供便捷、高效的在线购买体验，同时确保交易的安全性和透明度。</p>

            <!-- 核心功能列表 -->
            <h2>核心功能</h2>
            <ul>
                <li><strong>在线购销：</strong>用户可以通过海前能源APP浏览和购买各种能源产品，享受便捷的在线下单服务。</li>
                <li><strong>产品保质：</strong>海前商贸承诺所有产品均符合行业标准，保证质量，确保用户购买到的产品足量且符合预期。</li>
                <li><strong>灵活支付：</strong>支持多种支付方式，包括APP内支付和银行转账，满足不同用户的支付习惯。</li>
                <li><strong>安全保障：</strong>平台提供保本协议，确保用户资金安全，降低交易风险。</li>
            </ul>

            <!-- 安全与合规列表 -->
            <!-- <h2>安全与合规</h2>
            <p style="text-align: center;">...</p> 同上，根据需要添加内容 -->
        </div>
    </div>

    <div class="footer">
        <p>版权所有 © 郑州海前商贸有限公司</p>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Toast } from 'vant';
const message = ref("");
const bindType = ref(3);
// 定义onClickLeft方法
const onClickLeft = () => history.back();
const onSubmit = () => Toast('点击按钮');
const afterRead = (file: any) => {
    // 此时可以自行将文件上传至服务器
    console.log(file);
};
</script>

<style lang="less" scoped>
@import url(../../../style/common.css);

.feedback {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
}

.van-nav-bar {
    width: 100%;
    height: 52px;
}

.content {
    padding: 20px;
    text-align: left;
    h2{
        text-align: center;
    }
    .footer {
        background: #333;
        color: #fff;
        text-align: center;
        padding: 10px 0;
    }

    .header h1,
    .footer p {
        margin: 0;
    }

    .content {
        background: #fff;
        padding: 20px;
        margin-top: 20px;
    }

    ul {
        list-style-type: none;
        padding: 0;
    }

    li {
        padding: 5px 0;
    }
}



:deep(.van-nav-bar__left .van-badge__wrapper) {
    color: #272635;
}

:deep(.content .van-cell-group__title) {
    text-align: left;
}
</style>